.my{
  position: absolute;
  top:0;
  bottom:0.52rem;
  left:0;
  right:0;
  background:#fff;
  overflow:scroll;
  .myHeader{
    height:1.3rem;
    background-image:url(//yanxuan.nosdn.127.net/5905098f74e04c39fa5e76ebb9ff591b.png?imageView&type=webp);
    background-size:100%;
    box-sizing: border-box;
    padding:0.2rem 0.2rem;
    display: flex;
    align-items: center;
    .myPhoto{
      border-radius:50%;
      width:0.6rem;
      height:0.6rem;
    }
    .myUser{
      margin-left:0.2rem;
      color:#fff;
      h2{
        font-size:20px;
      }
      h3{
        font-size:13px;
      }
    }
  }
  .myHeader2{
    box-sizing: border-box;
    h2{
    padding:0.15rem 0.2rem;
    }
    .myMoney{
      display: flex;
      padding:0.2rem 0;
      .myMoneyBox{
        flex:1;
        display:flex;
        flex-direction: column;
        justify-content: center;
        p{
          text-align:center;
        }
      }
    }
  }
  .myList{
      display: flex;
      flex-wrap:wrap;
      .myListBox{
        display:flex;
        flex-direction: column;
        width:33.33%;
        box-sizing: border-box;
        padding:0.1rem 0;
        border:0.0003rem solid #D9D9D9;
        .myIconfont{
          font-size:0.3rem;
        }
        span{
          text-align:center;
        }
      }
    }
  .myLaout{
    margin:0.4rem 0;
    height:0.3rem;
    line-height:0.3rem;
    text-align:center;
  }
}
.myCity{
    width:100%;
    position: absolute;
    bottom:0;
    background:#fff;
    box-sizing: border-box;
    .myinCity{
      position: absolute;
      display: flex;
      align-items: center;
      justify-content: space-between;
      width:100%;
      top:-0.4rem;
      background:#fff;
      left:0;
      height:0.4rem;
      span{
        margin:0 0.2rem;
      }
      span:nth-of-type(1){
        overflow: hidden;
        text-overflow:ellipsis;
        white-space: nowrap;
      }
      span:nth-of-type(2){
        margin:0;
        width:0.6rem;
        text-align: center;
      }
    }
    }